<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/masking.css">
  <link rel="stylesheet" href="css/jd.css">
</head>
<body>
    <div id="app">
      <div class="top">
        <div class="sptxt">咨询登记</div>
        <input type="button" value="新增" class="add" id="btn1"></br>
        <table cellpadding="0px" cellspacing="0px" class="table">
          <tr>
            <td>编号</td>
            <td>访客姓名</td>
            <td>手机号</td>
            <td>咨询类容</td>
            <td>创建时间</td>
            <td>
              操作
            </td>
          </tr>
          <tr v-for="vis1 in vistors1">
            <td>{{vis1.vid}}</td>
            <td>{{vis1.vname}}</td>
            <td>{{vis1.vtel}}</td>
            <td>{{vis1.vconsult}}</td>
            <td>{{vis1.vtime}}</td>
            <td><input type="button" value="修改" onclick="update1(this)"/>
              <input type="button" value="删除" onclick="del1(this)"/></td>
          </tr>
        </table>
        <div class="fy">

          <ul class="pagination fy-nav" id="pagination1">

          </ul>

        </div>
      </div>
      <div class="bottom">
        <div class="sptxt">预约登记</div>
        <input type="button" value="新增" class="add" id="btn2"></br>
        <table cellpadding="0px" cellspacing="0px" class="table">
          <tr>
            <td>编号</td>
            <td>访客姓名</td>
            <td>访客手机号</td>
            <td>备注</td>
            <td>创建时间</td>
            <td>操作</td>
          </tr>
          <tr v-for="vis2 in vistors2">
            <td>{{vis2.vid}}</td>
            <td>{{vis2.vname}}</td>
            <td>{{vis2.vtel}}</td>
            <td>{{vis2.vmark}}</td>
            <td>{{vis2.vtime}}</td>
            <td>
              <input type="button" value="修改" onclick="update2(this)"/>
              <input type="button" value="删除" onclick="del2(this)"/>
            </td>
          </tr>
        </table>
        <div class="fy">

          <ul class="pagination fy-nav" id="pagination2">

          </ul>

        </div>
      </div>
    </div>
    <div class="mask"></div>
    <div class="tts">
      <form id="myform" method="post">

      </form>
    </div>
</body>
<script src="js/JQuery2.1.4.js"></script>
<script src="js/vue.js"></script>
<script src="js/jquery.form.js"></script>
<script src="js/axios.js"></script>
<script src="js/qs.js"></script>
<script src="js/jd.js"></script>
</html>